{namespace mitel.contextual_gadget.widget}

/**
 * Build the basic gadget container
 */
{template .container}
  <div id="content_col" class="{css context_content_col}">
   <input type="button" id="call_person" value=" Call ">
   <span id="sender_name"></span>
   <span id="sender_number"></span>
   <span id="from_phone"></span>
   <img src="<<HOST>>images/ajax-loader.gif" id="context_spinner" align="absmiddle" class="{css context_spinner}"/>
   <div id="context_mobile_indicator" class="{css context_mobile_indicator}">
   </div>
   
   <div id="auth" class="{css auth}">
      <button id="auth_button" class="{css auth_button}">Permissions</button>
   </div>
  </div>
  
{/template}

/**
 * Icons for call device indications
 * @param host Gadget base hostname
 * @param from From device
 * @param to To device
 */
{template .device_indicator}
   Call from your
   <img src="{$host}images/{$from}.png" class="{css context_call_from}" align="absmiddle" height="16" id="context_call_startpoint" />
   to their
   <img src="{$host}images/{$to}.png" class="{css context_call_to}" align="absmiddle" height="16" id="context_call_endpoint" />
{/template}
